<template>
  <div class="draw-main">
    <div class="h-main">
       <img src="../../assets/h5/vip.jpg" class="logo" />
       <div class="success-text">激活成功</div>
       <div class="success-en">ACTIVATION SUCCEEDED</div>
       <div class="success-en" style="margin-top:40px;">
        <span>激活时间：</span>
        <span style="margin-left:30px;">{{custInfo.activationTime}}</span>
       </div>
       <div class="success-en">
        <span>生效日期：</span>
        <span style="margin-left:30px;">{{custInfo.startTime}}</span>
       </div>
       <div class="success-en">
        <span>有效日期：</span>
        <span style="margin-left:30px;">{{custInfo.endTime}}</span>
       </div>
       <!-- <div class="card-button" @click='toActivation' style="margin-top:45%;margin-bottom:30px;">激活权益卡</div>
       <div class="card-button" @click='toQuery'>查询权益卡</div> -->
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        time:new Date().toLocaleDateString()
      };
    },
    created(){
      document.title = '激活成功';
      this.custInfo = JSON.parse(localStorage.getItem("activeInfo"));
    },
    methods: {
      toActivation(){
        this.$router.push('activatino')
      },
      toQuery(){
        this.$router.push('query')
      },
      
    },
  }
</script>
<style scoped>
.draw-main{
  /* display: flex; */
   justify-content: center;
  height: 100%;;
} 
.lotteryDemo {
  width: 100%;
  /* height: 640px; */
  padding-top: 65px;
  height: 100%; 
  background-image: url('../../assets/h5/home.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
}
.logo {
  width: 85%;
  border-radius: 20px;
  margin-top:50px;
}
.success-text{
  color: #f1d7fc;
  margin-top: 30%;
  font-weight: 600;
  font-size: 25px;
}
.success-en{
  color: #f1d7fc;
  font-size: 16px;
  margin-top: 20px;

}
</style>